<!DOCTYPE html>
<html>
    <head>
        <title>配置中心</title>
        <meta charset="utf-8">
        <script type="text/javascript" src="/statics/common/include/head.js"></script>
        <style>
            .fm-daoru-title {
                font-size: 16px;
                border-left: 5px solid #2251C5;
                padding: 0 0 0 10px;
                margin: 10px 0;
                font-weight: bold;
            }
            /*单选按钮提示文字*/
            .u35_text{
                font-family: 'Microsoft Tai Le';
                font-weight: 400;
                font-style: normal;
                font-size: 14px;
                color: rgba(0, 0, 0, 0.647058823529412);
                text-align: left;
                line-height: 22px;
            }
        </style>
    </head>
    <body class="ren-body">
    <div id="rrapp" v-cloak>
        <!-- 新增表单 -->
        <form class="layui-form ren-form" style="margin-bottom: 60px;">
            <div class="form-content-box">
                <div class="list-search-sup-title new-layui-title border-bottom-dashed">
                    日租订单财务审核配置
                </div>
                <div class="form-content-session-box">
                    <div class="card">
                        <div class="layui-row layui-form-row-content">
                            <div class="layui-inline layui-col-md12 layui-col-sm12 layui-col-xs12">
                                <div class="layui-input-inline">
                                    <input type="radio" lay-filter="dailyOrderApproval" name="dailyOrderApproval" value="1"
                                           v-model="controlCenter.dailyOrderApproval"
                                           lay-skin="primary" title="财务确认收款、退款"/>
                                    <br/>
                                    <label class="u35_text">业务员提交收款后，由财务人员确认收款。若订单发生退款，由财务人员确认已退款</label>
                                </div>
                            </div>
                            <div class="layui-inline layui-col-md12 layui-col-sm12 layui-col-xs12">
                                <div class="layui-input-inline">
                                    <input type="radio" lay-filter="dailyOrderApproval" name="dailyOrderApproval" value="2"
                                           v-model="controlCenter.dailyOrderApproval"
                                           lay-skin="primary" title="财务仅确认收款"/>
                                    <br/>
                                    <label class="u35_text">业务员提交收款后，由财务人员确认收款。若订单发生退款，无需财务人员确认，账单直接为已退款账单</label>
                                </div>
                            </div>
                            <div class="layui-inline layui-col-md12 layui-col-sm12 layui-col-xs12">
                                <div class="layui-input-inline">
                                    <input type="radio" lay-filter="dailyOrderApproval" name="dailyOrderApproval" value="3"
                                           v-model="controlCenter.dailyOrderApproval"
                                           lay-skin="primary" title="财务仅确认退款"/>
                                    <br/>
                                    <label class="u35_text">业务员提交收款后，无需财务人员确认收款，账单直接为已收账单。若订单发生退款，由财务人员确认已退款</label>
                                </div>
                            </div>
                            <div class="layui-inline layui-col-md12 layui-col-sm12 layui-col-xs12">
                                <div class="layui-input-inline">
                                    <input type="radio" lay-filter="dailyOrderApproval" name="dailyOrderApproval" value="4"
                                           v-model="controlCenter.dailyOrderApproval"
                                           lay-skin="primary" title="收款、退款均无需财务"/>
                                    <br/>
                                    <label class="u35_text">业务员提交收款后，无需财务人员确认收款，账单直接为已收账单。若订单发生退款，无需财务人员确认，账单直接为已退款账单</label>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="form-content-box">
                <div class="list-search-sup-title new-layui-title border-bottom-dashed">
                    车辆违章配置
                </div>
                <div class="form-content-session-box">
                    <div class="card">
                        <div class="layui-row layui-form-row-content">
                            <div class="layui-inline layui-col-md7 layui-col-sm7 layui-col-xs7">
                                <div class="layui-input-inline">
                                    <div class="fm-daoru-title">自动查询车辆违章</div>
                                </div>
                            </div>
                            <div class="layui-inline layui-col-md5 layui-col-sm5 layui-col-xs5">
                                <div class="layui-input-inline">
                                    <input type="checkbox" name="autoQueryIllegalEnable" lay-skin="switch"
                                           lay-filter="titleOnOff"
                                           v-model="controlCenter.autoQueryIllegalEnable"/>
                                </div>
                            </div>
                        </div>
                        <div class="layui-row layui-form-row-content">
                            <div class="layui-inline layui-col-md7 layui-col-sm7 layui-col-xs7">
                                <div class="layui-input-inline">
                                    查询频率：每隔<input type="number" class="layui-input" v-model="controlCenter.autoQueryIllegalDay" style="width: 60px;display: inline-block"/>
                                    天,自动查询交管平台车辆违章信息
                                </div>
                            </div>
                            <div class="layui-inline layui-col-md7 layui-col-sm7 layui-col-xs7">
                                <div class="layui-input-inline">
                                    查询车辆：
                                    <input type="checkbox" lay-filter="autoQueryVehicleConfig" name="autoQueryVehicleConfig"
                                            v-for="item in autoQueryVehicleConfigDict" :value="item.key" :title="item.label"/>
                                </div>
                            </div>
                        </div>
                        <div class="layui-row layui-form-row-content">
                            <div class="layui-inline layui-col-md7 layui-col-sm7 layui-col-xs7">
                                <div class="layui-input-inline">
                                    <div class="fm-daoru-title">车辆违章预警</div>
                                </div>
                            </div>
                            <div class="layui-inline layui-col-md5 layui-col-sm5 layui-col-xs5">
                                <div class="layui-input-inline">
                                    <input type="checkbox" name="illegalConditionEnable" lay-skin="switch"
                                           lay-filter="titleOnOff"
                                           v-model="controlCenter.illegalConditionEnable">
                                </div>
                            </div>
                        </div>
                        <div class="layui-row layui-form-row-content">
                            <div class="layui-inline layui-col-md7 layui-col-sm7 layui-col-xs7">
                                <div class="layui-input-inline">
                                    <select name="illegalConditionConfig" lay-filter="illegalConditionConfig" v-model="controlCenter.illegalConditionConfig">
                                        <option v-for="(item,index) in illegalConditionConfigDict" :value="item.key">{{item.label}}</option>
                                    </select>
                                </div>
                            </div>
                            <!--<editor-fold desc="车辆违章预警多条件">-->
                            <template v-for="(illegalConditionItem, index)  in controlCenter.illegalConditionList">
                                <div class="layui-inline layui-col-md7 layui-col-sm7 layui-col-xs7">
                                    <div class="layui-input-inline">
                                        <select lay-filter="illegalConditionItem" v-model="illegalConditionItem.key">
                                            <option v-for="(item,index) in illegalItemDict" :value="item.key">{{item.label}}</option>
                                        </select>
                                        <input type="hidden" name="illegalConditionItemIndex" v-model="index"/>
                                    </div>
                                    <input type="number" class="layui-input" v-model="illegalConditionItem.value"
                                           style="width: 60px;display: inline-block"/>
                                    <label class="unit">{{illegalConditionItem.unit}}</label>,登录系统后自动提醒
                                </div>
                                <div class="layui-inline layui-col-md5 layui-col-sm5 layui-col-xs5">
                                    <div class="layui-input-inline">
                                        <input type="checkbox" name="enable" lay-skin="switch" lay-filter="illegalConditionItem"
                                               v-model="illegalConditionItem.enable"/>
                                        <input type="hidden" name="illegalConditionItemIndex" v-model="index"/>
                                    </div>
                                </div>
                            </template>
                            <!--</editor-fold>-->
                        </div>
                    </div>
                </div>
            </div>
            <div class="float-btn-group bottom-bar">
                <a class="layui-btn search-btn" lay-submit @click="saveOrUpdate">保存</a>
            </div>
        </form>
    </div>
    <script src="/statics/js/modules/merchant/controlCenter.js?_${.now?long}"></script>
    </body>
</html>
